<template>
   <svg :style="{width:width+'px',height:height+'px'}">
       <use :xlink:href="'#icon-'+name" :fill="icon_color"></use>
    </svg>
</template>

<script lang="ts" setup>
   let props = defineProps({
        width:{
            type:Number,
            default:50
        },
        height:{
            type:Number,
            default:50
        },
        icon_color:{
            type:String,
            default:'#fff'
        },
        name:{
            type:String,
            default:'jianpan'
        }  
    })

console.log(props)

</script>

<style scoped>

</style>